<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>全部分类</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.search {
			background: #FFFFFF;
			position: relative;
		}
		
		.search input[type=text] {
			text-align: center!important;
			background: #efeff4;
			border: none;
		}
		
		.search i {
			font-size: 12px;
			position: absolute;
			left: 50%;
			margin-left: -38px;
			top: 50%;
			margin-top: -11px;
			color: #666;
		}
		
		.search i:before {
			font-size: 16px;
			vertical-align: top;
		}
		
		.color-3 {
			color: red;
		}
		
		.classify {
			position: relative;
			color: #FFF;
			height: 149px;
			background: rgba(0, 0, 0, 0.3);
		}
		
		.classify-bg {
			display: block;
			max-width: 100%;
			height: 149px;
			position: absolute;
			top: 0;
			z-index: -1;
		}
		
		.classify-bg img {
			height: 149px;
		}
		
		.classify-level > label {
			border-bottom: 1px solid #FFF;
			letter-spacing: 8px;
		}
		
		.classify-level > div {
			font-size: 12px;
		}
		
		.classify-btn button {
			background: transparent;
			border: 1px solid #FFFFFF;
			padding: 2px;
		}
		
		.classify-second {
			position: relative;
			font-size: 12px;
			background: #FFFFFF;
		}
		
		.sanjiaoxing {
			position: absolute;
			top: -20px;
			left: 20px;
			border: 10px solid;
			width: 0;
			border-color: transparent transparent #fff transparent;
		}
		
		.all-classify {
			background: #FFF;
			outline: 1px solid #DCDCDC;
			line-height: 40px;
			height: 40px;
			padding: 0;
			margin: 0;
			border-top: 1px solid #DCDCDC;
			font-size: 14px;
		}
		.search-btn {
			position: absolute;
			top: 0;
			right: 0;
			color: #666;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
			background: transparent;
		}
		.search-btn:active {
			background: #fff;
		}
		.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
			top: 88px !important;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<div class="mui-row mui-text-center search">
		<input type="search" class="no-mgn no-pad" placeholder="">
		<i class="iconfont icon-sousuo">儿童学习桌</i>
		<button class="search-btn no-bdr">搜索</button>
	</div>
	<!-- 顶部导航 结束 -->
	<div class="mui-row mui-text-center all-classify btn-view-all">
		<label class="mui-col-xs-12">全部分类</label>
	</div>
	
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="category.js" ></script>
</body>
</html>